<template>
    <div>
        <div class="container">
            <div>
                <el-form :model="null" label-width="100px">
                    <!--                        第一行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="经办机构名称">
                                <el-select style="width: 100%">
                                    <el-option label="1" value="1"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="医疗机构名称" style="white-space:nowrap">
                                <el-select style="width: 100%;">
                                    <el-option label="1" value="1"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="就诊流水号">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="调查任务状态">
                                <el-select style="width: 100%">
                                   
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--                        第二行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="个人编号">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="被保险人">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="证件号">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <el-row>
                    <div style="margin-left: 40%">
                        <el-button type="primary" @click="onSubmit" style="width: 10%">重置</el-button>
                        <el-button type="primary" @click="ondelete" style="width: 10%">查询</el-button>
                        <router-link :to="{path:'/researchTaskAuditDetail'}" style="margin-left: 10px">
                            <el-button type="primary" @click="ondelete" style="width: 10%">审核</el-button>
                        </router-link>
                    </div>
                </el-row>
            </div>
        </div>
        <div class="container">
            <div>
                <span>调查任务信息列表</span>
                <el-table
                    :data="seeDoc"
                    border
                    class="table"
                    ref="multipleTable"
                    header-cell-class-name="table-header"
                    style="margin-top: 10px"
                >
                    <el-table-column type="selection" label="序号" width="55" align="center"></el-table-column>
                    <el-table-column prop="areaCode" label="任务号" align="center"></el-table-column>
                    <el-table-column prop="hospitalCode" label="定点医疗机构编码" align="center"></el-table-column>
                    <el-table-column prop="seeDocNo" label="就诊流水号" align="center"></el-table-column>
                    <el-table-column prop="personNo" label="个人编号" align="center"></el-table-column>
                    <el-table-column prop="name" label="被保险人" align="center"></el-table-column>
                    <el-table-column prop="personID" label="证件号" align="center"></el-table-column>
                    <el-table-column prop="surveyCause" label="调查原因" align="center"></el-table-column>
                </el-table>

                <div class="pagination">
                    <el-pagination
                        background
                        layout="total, prev, pager, next"
                        :current-page="query.pageIndex"
                        :page-size="query.pageSize"
                        :total="pageTotal"
                        @current-change="handlePageChange"
                    ></el-pagination>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'researchManageSearch',
    data() {
        return {
            dialogFormVisible: false,
            query: {
                address: '',
                name: '',
                pageIndex: 1,
                pageSize: 10
            },
            multipleSelection: [],
            delList: [],
            editVisible: false,
            pageTotal: 1,
            idx: -1,
            id: -1,
            seeDoc: [
                {
                    areaCode: '001',
                    hospitalCode: '001',
                    seeDocNo: '001',
                    personNo: '001',
                    name: '张三',
                    personID: '61022335566655',
                    surveyCause: '异地保险'
                }
            ]
        };
    },
    methods: {
        onSubmit() {
            this.$message.success('提交成功！');
        },
        resetForm(formName) {
            this.$refs[formName].resetFields();
        }
    }
};
</script>